@charset "utf-8";

* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #000; }
a:hover { color: #000; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.box_codes { width: 1200px; margin: auto; }
/*top*/
.top_codes { width: 100%; height: 40px; line-height: 40px; background: #1d273d; color: #fff; font-size: 12px; }
.welcome_codes { float: left }
.welcome_codes a { color: #eb690a; margin: 0 5px }
/*search*/
.search_codes { position: relative; overflow: hidden; }
.search_codes input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; display: block; font-size: 15px; height: 36px; background: #1d273d; line-height: 36px; cursor: pointer; }
.search_codes input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; outline: none; text-indent: 1em; }
/*is-search*/
.is-search_codes { width: 80px; height: 28px; line-height: 28px; color: #888; margin: 5px 0 0; float: right; overflow: hidden; }
.is-search_codes section { display: block; border-radius: 20px; margin: 0 20px; font-size: 12px; }
.is-search_codes i { display: block; width: 34px; height: 28px; background: url(../images/searchm.png) no-repeat left 10px center; background-size: 20px; float: left; margin-right: 10px; }
/*search-page*/
.search-page_codes { width: 100%; left: 0; background: #ebf0fa; position: absolute; top: 40px; z-index: 8; display: none; }
.search_box_codes { width: 1200px; margin: auto; }
.search-page_codes .search_codes {clear: both;width: 60%;margin: auto;border-radius: 0 5px 5px 0;}
.search-page_codes .search_box_codes input.input_text {width: 80%;float: left;z-index: 9;}
.search-page_codes .search_box_codes input.input_submit { width: 20%; }
.search_box_codes select {border:none;height: 36px;right: 20%;outline: none;z-index: 9;position: absolute;background: #fff;}
.search-page_codes .go-left_codes { background: url(../images/prev_close.png) no-repeat left center; width: 32px; height: 32px; float: right; background-size: 32px; margin: 20px; }
.hot-search_codes { margin: 40px 20px; overflow: hidden; text-align: center; }
.hot-search_codes p { font-size: 18px; margin-bottom: 10px; font-weight: bold; color: #1d273d; }
.search-paihang_codes li { display: inline-block; line-height: 26px; height: 26px; font-size: 15px; margin: 3px 10px; }
.search-paihang_codes li a { display: block; color: #666; }
.search-paihang_codes li a:hover { color: #1d273d }
/*guanzhu*/
.guanzhu_codes { float: right; position: relative; }
.guanzhu_codes i { background: url(../images/icon_wx.png) no-repeat center; background-size: 32px; height: 40px; display: block; width: 40px; float: right; cursor: pointer }
.weixin_codes { padding: 15px; overflow: hidden; text-align: center; line-height: 23px; box-shadow: #ddd 0px 5px 5px; clear: both; position: absolute;  height: 145px; right: 0; top: 40px; display: none; background: #fff; }
.weixin_codes li { float: left; margin: 0 3px; color: #333; }
.weixin_codes li img { width: 120px; border: #ccc 1px solid; }
.guanzhu_codes:hover .weixin_codes { display: block; z-index: 9; }
/*logo*/
.logo { float: left; margin-right: 90px; }
.logo img { height: 80px; }
/*nav*/
nav { line-height: 80px;height: 80px; width: 100%; background: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.1); }
#starlist li { position: relative; display: inline-block; font-size: 16px; text-align: center; }
#starlist li i { display: block; width: 24px; height: 16px; background: url(../images/hot.png) no-repeat; background-size: 100% 100%; display: inline-block; position: absolute; margin-left: 4px; top: 18px; }
#starlist li a { display: block; color: #333; padding: 0 15px }
#starlist li:hover a, #starlist ul.sub li a:hover { color: #16499d; }
#starlist ul.sub li { width: 100%; background: #fff; float: left; font-size: 15px; }
#starlist ul.sub li a { padding: 0; display: none; width: 100%; color: #333; }
#starlist ul.sub li:first-child a { margin-top: 10px }
#starlist ul.sub li:last-child a { margin-bottom: 10px }
#starlist ul.sub { position: absolute; left: 0; top: 60px; z-index: 9; width: 110%; line-height: 36px; opacity: 0; transition: all .5s; box-shadow: 0px 5px 9px 1px rgba(144, 161, 180, 0.2); }
#starlist li:hover ul.sub { opacity: 1; top: 80px; }
#starlist li:hover ul.sub li a { display: block }
#starlist li:hover ul.sub:after, #starlist ul.sub li:after, #starlist ul.sub li a:after { display: none; }
.menu:after { content: ""; position: absolute; right: 2px; top: 49%; width: 0; height: 0; border-width: 4px 4px 0; border-style: solid; border-color: #3f3c3c transparent transparent; transition: all .5s ease; }
.menu:hover:after { transform: rotate(180deg) }
.selected a:after { content: ""; position: absolute; left: 50%; bottom: 10px; margin-left: -10px; width: 20px; height: 4px; border-radius: 2px; background-color: #16499d; }
#mnavh { display: none; width: 40px; height: 40px; text-align: center; }
.navicon { display: block; position: relative; width: 27px; height: 2px; background-color: #fff; margin-top: 20px; float: left; }
.navicon:before, .navicon:after { content: ''; display: block; width: 27px; height: 2px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -8px; }
.navicon:after { margin-top: 8px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 28px; height: 2px; position: absolute; background: #727171; }
/*main*/
main { width: 1200px; margin: 30px auto 0; overflow: hidden; }
.lbox_codes { width: 860px; float: left }
.rbox_codes { width: 320px; float: right }
.banner { width: 570px; height: 300px; float: left; position: relative }
.banner section:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000)); z-index: -1; }
.banner section { bottom: 0; left: 0; position: absolute; display: block; width: 100%; z-index: 0; }
.banner h4 { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); font-size: 20px; line-height: 26px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding: 0 20px; z-index: 2; margin: 20px 0 40px; }
/*headline*/
.headline_codes { width: 270px; float: right; overflow: hidden; }
.headline_codes ul { height: 300px; }
.headline_codes ul li { width: 100%; overflow: hidden; height: 140px; position: relative; }
.headline_codes ul li:first-child { margin-bottom: 20px; }
.headline_codes ul li a { display: block; overflow: hidden; height: 100%; }
.headline_codes ul li img { width: 100%; min-height: 100%; transition: all .6s; }
.headline_codes ul li:hover img { transform: scale(1.1); }
.headline_codes span:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: -webkit-gradient(linear, 0 0, 0 bottom, from(transparent), to(#000)); z-index: -1; }
.headline_codes span { bottom: 0; left: 0; position: absolute; display: block; width: 100%; z-index: 0; }
.headline_codes h4 { color: #fff; text-shadow: 0 2px 4px rgba(0,0,0,.5); line-height: 18px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding: 0 20px; z-index: 2; margin: 20px 0; }
/*news_kx*/
.news_kx_codes { border: 1px solid #e1e1e1; background: #fff; position: relative; margin-right: 12px; padding: 20px; margin-bottom: 40px; }
.news_kx_codes h2 { width: 140px; height: 40px; padding-right: 20px; line-height: 40px; background: #16499d; color: #fff; font-size: 15px; font-weight: normal; text-align: center; border-radius: 0 20px 20px 0; margin-left: -20px; }
.news_kx_codes:before { position: absolute; content: ""; border: 1px solid #e1e1e1; right: -6px; top: 6px; width: 100%; height: 100%; background: #fff; z-index: -1; }
.news_kx_codes:after { position: absolute; content: ""; border: 1px solid #e1e1e1; right: -12px; top: 12px; width: 100%; height: 100%; z-index: -2; }
.news_kx_codes ul { margin: 30px 0 0 }
.news_kx_codes li { padding: 0 0 24px 30px; position: relative; font-size: 14px; line-height: 20px; }
.news_kx_codes li span { display: block; font-size: 12px; color: #999; margin-top: 10px; }
.news_kx_codes li:before { content: ""; background: #e1e1e1; width: 1px; height: 100%; left: 7px; top: 7px; position: absolute; }
.news_kx_codes li:last-child:before { display: none }
.news_kx_codes li i { position: absolute; left: 2px; top: 4px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #16499d; border: #a2b6d8 2px solid; }
.news_kx_codes li:hover a { color: #16499d }
/*h_title*/
.h_title_codes { position: relative; font-size: 18px; margin: 15px 0 0 0; }
.h_title_codes:after { content: ""; position: absolute; left: 10px; bottom: 3px; margin-left: -10px; width: 70px; height: 4px; border-radius: 2px; background-color: #a2b6d8; z-index: -1; }
.diggit {
    display: block;
    width: 160px;
    margin: 20px auto;
    background: #E2523A;
    color: #fff;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
.diggit a{color:#fff!important}
/*blogs*/
.blogs_codes { margin-bottom: 30px; }
.blogs_list_codes { overflow: hidden; position: relative; transition: all .8s; padding: 20px 10px 20px 0; border-bottom: 1px dashed #e5e5e5; }
.blogs_list_codes i { display: block; width: 210px; height: 120px; background: #ccc; overflow: hidden; float: left; margin-right: 20px; }
.blogs_list_codes i img { width: 100%; min-height: 100%; transition: all .6s;border-radius:5px; }
.blogs_list_codes h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 6px; line-height: 28px; font-size: 16px; color: #333; }
.blogs_list_codes p { color: #737373; line-height: 20px; font-size: 14px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.blogs_writer_codes { color: #333; margin: 0 5px 0 10px; font-size: 12px; position: absolute; left: 218px; bottom: 22px; }
.blogs_time_codes { color: #b3b2b2; position: relative; }
.blogs_time_codes:before { content: "·"; padding: 0 5px }
.blogs_tags_codes { float: right; position: absolute; right: 0; bottom: 15px; }
.blogs_tags_codes a { max-width: 72px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; margin: 5px 5px 0 0; padding: 1px 7px; height: 18px; color: #16499d; background: #d2e3fe; border-radius: 10px; line-height: 18px; font-size: 12px; }
.blogs_tags_codes a:hover { background: #16499d; color: #fff; }
.blogs_lm_codes { position: absolute; z-index: 2; top: 30px; left: 10px; padding: 0 12px; height: 20px; font-size: 12px;    background: rgba(3, 3, 3,.5); border-radius: 100px; line-height: 20px; }
.blogs_lm_codes a { color: #999; }
.blogs_list_codes:hover { box-shadow: 0px 12px 8px -12px #c0bebe; }
.blogs_list_codes:hover h2 { color: #16499d; }
.blogs_list_codes:hover img { transform: scale(1.1); }
/*zhuanti_codes*/
.zhuanti_codes { position: relative; border-bottom: 1px dashed #e5e5e5; padding: 10px 0 }
.zhuanti_codes a { display: block; overflow: hidden; transition: .5s }
.zhuanti_codes section { position: absolute; bottom: 30px }
.zhuanti_codes span { display: block; position: absolute; top: 30px; left: 10px; padding: 0 12px; height: 20px; font-size: 12px; background: rgba(62, 62, 62, 0.5); border-radius: 100px; line-height: 20px; z-index: 2; color: #999; }
.zhuanti_codes img { transition: .5s; width: 100% ;border-radius:5px;}
.zhuanti_codes h2 { margin-bottom: 15px; padding: 0 20px; color: #fff; font-size: 16px; }
.zhuanti_codes p { color: #fff; padding: 0 20px; font-size: 14px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.zhuanti_codes:hover img { transform: scale(1.1); }
/*lm_hot_codes*/
.lm_hot_codes { border-radius: 2px; border: 1px solid #e1e1e1; margin-top: 16px; padding: 5px 20px 30px; overflow: hidden; margin-bottom: 30px; }
.lm_hot_codes a { border-radius: 2px; width: 46%; float: left; text-align: center; line-height: 40px; border: 1px solid #e1e1e1; margin-top: 16px; font-size: 14px; color: #333; }
.lm_hot_codes a:nth-child(even) { float: right }
.lm_hot_codes a:hover { background: #16499d; color: #fff }
/*ad*/
.ad_codes { border-radius: 2px; border: 1px solid #e1e1e1; margin: 30px 0; overflow: hidden; }
.ad_codes img { min-width: 100%; transition: .5s; }
/*hot_news*/
.hot_news_codes { border-radius: 2px; border: 1px solid #e1e1e1; margin-top: 20px; padding: 5px 20px 0; overflow: hidden; margin-bottom: 30px; }
.hot_news_codes li { position: relative; margin: 24px 0; overflow: hidden; }
.hot_news_codes li i { width: 120px; height: 70px; display: inline-block; overflow: hidden; float: left; margin-right: 12px; border-radius: 2px; }
.hot_news_codes li i img { width: 100%; min-height: 100%; transition: .5s; float: left; }
.hot_news_codes li em { position: absolute; top: 0; left: 0; height: 17px; width: 21px; color: #ccc; font-size: 12px; font-style: normal; text-align: center; background: rgba(0,0,0,.5); border-radius: 2px 0 0; z-index: 99; }
.hot_news_codes li:nth-child(1) em, .hot_news_codes li:nth-child(2) em, .hot_news_codes li:nth-child(3) em { color: #fff; }
.hot_news_codes li:nth-child(1) em { background: #f95456 }
.hot_news_codes li:nth-child(2) em { background: #f6a625; }
.hot_news_codes li:nth-child(3) em { background: #4385f4 }
.hot_news_codes li h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 20px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.hot_news_codes li span { font-size: 12px; color: #b3b2b2; display: block; left: 135px; bottom: 0; }
.hot_news_codes li:hover img { transform: scale(1.1); }
.hot_news_codes li:hover h2 { color: #16499d; }
/*书籍首页*/
.hot_news_codes_book { border-radius: 2px; border: 1px solid #e1e1e1; margin-top: 20px; padding: 5px 20px 0; overflow: hidden; margin-bottom: 30px; }
.hot_news_codes_book li { position: relative; margin: 24px 0; overflow: hidden; }
.hot_news_codes_book li i { width: 120px; height: 70px; display: inline-block; overflow: hidden; float: left; margin-right: 12px; border-radius: 2px; }
.hot_news_codes_book li i img { width: 100%; min-height: 100%; transition: .5s; float: left; }
.hot_news_codes_book li em { position: absolute; top: 0; left: 0; height: 17px; width: 21px; color: #ccc; font-size: 12px; font-style: normal; text-align: center; background: rgba(0,0,0,.5); border-radius: 2px 0 0; z-index: 99; }
.hot_news_codes_book li:nth-child(1) em, .hot_news_codes_book li:nth-child(2) em, .hot_news_codes_book li:nth-child(3) em { color: #fff; }
.hot_news_codes_book li:nth-child(1) em { background: #f95456 }
.hot_news_codes_book li:nth-child(2) em { background: #f6a625; }
.hot_news_codes_book li:nth-child(3) em { background: #4385f4 }
.hot_news_codes_book li h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 20px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.hot_news_codes_book li span { font-size: 12px; color: #b3b2b2; display: block; left: 135px; bottom: 0; }
.hot_news_codes_book li:hover img { transform: scale(1.1); }
.hot_news_codes_book li:hover h2 { color: #16499d; }
/*links_codes*/
.links_codes { overflow: hidden; line-height: 44px; background: #273249; }
.links_codes li { display: inline-block; float: left; margin: 0 10px; font-size: 14px; line-height: 44px; }
.links_codes a { color: #ccc; }
.links_codes a:hover { color: #fff }
.links_codes p { color: #7381a1; font-weight: bold; font-size: 18px; float: left; margin-right: 20px; position: relative; }
.links_codes p:before, .links_codes p:after { position: absolute; content: ""; width: 1px; height: 22px; background: #000; right: -15px; top: 12px; }
.links_codes p:after { background: #2e3f65; right: -16px; }
/*line*/
.line_codes { height: 1px; background: #3b4047; width: 100%; }
/*footer*/
footer { background: #1d273d; color: #a8aab0; padding: 20px 0; overflow: hidden }
footer a { color: #a8aab0; }
footer a:hover { color: #fff }
/*ft_nav*/
.ft_nav_codes { margin: 30px auto; overflow: hidden; }
.ft_nav_codes p { font-size: 16px; color: #fff; margin-bottom: 30px; }
.ft_about_codes { width: 20%; float: left; overflow: hidden; }
.ft_about_codes li { display: inline-block; float: left; }
.ft_about_codes li { width: 33.33%; margin-bottom: 16px; font-size: 14px; }
.ft_contact_codes { font-size: 14px; float: left; margin-left: 100px; position: relative; padding-left: 100px; }
.ft_contact_codes li { margin-bottom: 15px; background-size: 20px !important; padding-left: 30px; }
.ft_contact_codes li:nth-child(1) { background: url(../images/icon_time.png) no-repeat }
.ft_contact_codes li:nth-child(2) { background: url(../images/icon_dizhi.png) no-repeat }
.ft_contact_codes li:nth-child(3) { background: url(../images/icon_tell.png) no-repeat }
.ft_contact_codes li:nth-child(4) { background: url(../images/icon_email.png) no-repeat }
.ft_contact_codes:after, .ft_contact_codes:before { content: ""; width: 1px; height: 100%; background: #363c49; position: absolute; top: 0 }
.ft_contact_codes:after { left: 1px; background: #010d27 }
.ft_contact_codes:before { left: 0 }
.ft_guanzhu_codes { float: right; width: 25%; font-size: 14px; }
.ft_guanzhu_codes li { text-align: center; float: left; width: 50%; }
.ft_guanzhu_codes li img { width: 100px; height: 100px; margin: auto; }
.copyright_codes { font-size: 12px; overflow: hidden; border-top: #2a3345 1px solid; padding: 15px 0 0; line-height: 24px; }
.cr_left_codes { float: left; }
.cr_right_codes { float: right; text-align: right; }
.cr_right_codes img { display: inline-block; vertical-align: bottom; margin-right: 5px; }
.cr_right_codes p:last-child a { margin-left: 10px; }
.cr_right_codes i { margin-left: 10px; }
/*weizhi*/
.weizhi_codes { background: url(../images/icon_dizhi.png) no-repeat left -4px top; background-size: 20px; padding-left: 20px; font-size: 14px; color: #888; }
.weizhi_codes a { color: #888; margin: 0 5px; }
.weizhi_codes a:hover { color: #16499d; }
/*书籍类别*/
.weizhi_codes_book {
    padding-left: 20px;
    font-size: 14px;
    color: #888;
    background-color: #ffffff;
    display: block;
    border: 1px dotted #777575;
    margin: 10px 6px 0px;
    line-height: 38px;
    border-radius: 5px;
}
.weizhi_codes_book a {
    color: #ffffff;
    margin: 0 5px;
    background: #a70200;
    padding: 5px;
    border-radius: 5px;
}
.weizhi_codes_book a:hover { background:#cc2f2d}
/*pagelist*/
.pagelist_codes { text-align: center; color: #666; width: 100%; clear: both; margin: 0 0 20px; font-size: 14px; }
.pagelist_codes a { color: #5c626c; margin: 0 5px 10px; padding: 5px 10px; background: #f0f0f0; display: inline-block; }
.pagelist_codes a:nth-child(1) { display: none }
.pagelist_codes a:hover, .pagelist_codes > b { color: #FFF; background: #16499d; }
.pagelist_codes > b { padding: 5px 10px; }
/*article*/
article h1 { color: #333; font-size: 20px; margin: 20px 0; }
.wz_info_codes { font-size: 14px; }
span.wz_frome a { color: #16499d; }
span.wz_time { margin-left: 10px; color: #888; }
.wz_smalltext_codes { margin: 20px 0; color: #737373; font-size: 14px; line-height: 24px; background: #f8f8f8 url(../images/incon_smalltext.png) no-repeat 5px 10px; background-size: 26px; padding: 10px 10px 10px 40px; }
.content_codes { color: #333 }
.content_codes a { color: #000 }
.content_codes a:hover { color: #16499d; }
.content_codes p { margin: 20px 0; font-size: 16px; line-height: 32px; word-break: break-all; }
.content_codes ul, .content_codes ol { margin: 20px 0 20px 18px; }
.content_codes ul li, .content_codes ol li { margin-top: 3px; line-height: 30px; }
.content_codes ul li { list-style-type: disc; }
.content_codes ol li { list-style-type: decimal; }
.content_codes h2, .content_codes h3, .content_codes h4, .content_codes h5, .content_codes h6 { position: relative; padding-left: 14px; font-size: 16px; margin: 20px 0; }
.content_codes h2:after, .content_codes h3:after, .content_codes h4:after, .content_codes h5:after, .content_codes h6:after { position: absolute; top: 0; bottom: 4px; left: 0; display: block; width: 4px; height: 100%; background: #16499d; content: ""; border-radius: 2px; }
.content_codes img { max-width: 100% !important; height: auto !important; margin: 10px auto;border-radius:5px; }
.content_codes video {height: auto !important;display: block;margin: auto;max-width: 100% !important;}
.content_codes table { display: block; margin: auto }
/*wz_zhuanzai_codes*/
.wz_zhuanzai_codes { text-align: center; color: #b3b2b2; font-size: 14px; line-height: 1.5; margin: 30px auto; }
.wz_zhuanzai_codes a { color: #b3b2b2 }
.wz_zhuanzai_codes a:hover { color: #16499d; }
/*tags*/
.tags_codes { margin: 30px 0; font-size: 16px; color: #333; }
.tags_codes a { display: inline-block; margin: 0 5px 0 0; padding: 1px 7px; color: #16499d; background: #d2e3fe; border-radius: 10px; line-height: 20px; font-size: 12px; }
/*wz_tuijian*/
.wz_tuijian_codes { background: #f8f8f8; border-radius: 2px; overflow: hidden; margin-bottom: 30px; }
.wz_tuijian_codes p { width: 88px; height: 25px; background: #16499d; font-size: 16px; color: #fff; line-height: 25px; text-align: center; margin-top: 20px; }
.wz_tuijian_codes ul { overflow: hidden; margin: 30px 0 20px; }
.wz_tuijian_codes ul li { float: left; width: 50%; margin-bottom: 20px; position: relative }
.wz_tuijian_codes ul li a { display: block; margin: 0 30px; }
.wz_tuijian_codes ul li i { width: 120px; height: 70px; display: inline-block; overflow: hidden; float: left; margin-right: 12px; border-radius: 2px; }
.wz_tuijian_codes ul li img { width: 100%; min-height: 100%; transition: .5s; float: left; }
.wz_tuijian_codes ul li h2 { font-size: 14px; color: #333; font-weight: normal; line-height: 20px; word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.wz_tuijian_codes ul li span { font-size: 12px; color: #b3b2b2; position: absolute; display: block; left: 164px; bottom: 0; }
.wz_tuijian_codes ul li:hover h2 { color: #16499d; }
.wz_tuijian_codes ul li:hover img { transform: scale(1.1); }
/*about*/
.about_codes { background: #fff; border-radius: 2px; box-shadow: 0 1px 4px rgba(51,51,51,.25); margin: 10px 10px 30px 10px; padding: 20px; }
.about_codes i { width: 58px; height: 58px; margin: 0 15px 20px 0; display: block; border-radius: 50%; float: left; border: #eae8e8 1px solid; }
.about_codes i img { width: 100%; height: 100%; border-radius: 50%; }
p.about_name_codes { font-size: 16px; font-weight: 500; color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 5px 0; }
span.about_num_codes { font-size: 12px; font-weight: 400; color: #b3b2b2; margin-top: 7px; }
span.about_num_codes b { color: #16499d; margin: 0 3px; }
.about_codes ul { clear: both }
.about_codes ul li { border-top: 1px solid #ececec; padding: 16px 0; font-size: 14px; }
.about_codes ul li a:hover { color: #16499d; }
a.btn_more_codes { height: 44px; border-radius: 2px; border: 1px solid #16499d; font-size: 14px; color: #16499d; text-align: center; line-height: 44px; margin: 18px auto; width: 96%; display: block; }
a.btn_more_codes:hover { background: #16499d; color: #fff; }
/*info-pre-next*/
.info-pre-next { line-height: 34px; margin-bottom: 30px; }
.info-pre-next p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.info-pre-next a { margin-left: 10px; color: #333; }
.info-pre-next a:hover { color: #16499d }
/*time_box_codes*/
.time_box_codes ul { position: relative; margin: 30px 20px 30px 0; }
.time_box_codes ul:after { position: absolute; content: ""; width: 1px; height: 100%; background: #f0f0f0; left: 6px; top: 0; z-index: 1; }
.time_box_codes ul li { overflow: hidden; position: relative; margin-bottom: 30px; padding-left: 40px; }
.time_box_codes ul li span { color: #888; font-size: 12px; position: relative; }
.time_box_codes ul li span:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background-color: #16499d; border: #a2b6d8 2px solid; left: -39px; top: 3px; z-index: 2; }
.time_box_codes ul li h2 { font-size: 16px; margin: 20px 0 }
.time_box_codes ul li h2:hover { color: #16499d }
.time_box_codes ul li i { float: left; width: 120px; height: 70px; display: block; overflow: hidden; margin-right: 20px; }
.time_box_codes ul li i img { width: 100%; min-height: 100%;border-radius:5px; }
.time_box_codes ul li p { font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 10px; }
.time_lm_codes { color: #16499d; font-size: 12px; }
/*pics*/
.pics_codes { margin: 15px auto 30px; overflow: hidden; }
.pics_codes ul { overflow: hidden }
.pics_codes ul li { width: 25%; float: left }
.pics_codes ul li a { display: block; margin: 10px; background: #fff; padding: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.pics_codes ul li i { display: block;  overflow: hidden }
.pics_codes ul li i img { width: 100%; min-height: 100%; transition: .5s; border-radius:5px; }
.pics_codes ul li p { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 14px; }
.pics_codes ul li:hover img { transform: scale(1.1); }
.pics_codes ul li:hover p, .pics_codes ul li p span:hover { color: #16499d; }
.pics_codes ul li p span { float: right; font-size: 12px; color: #999; margin: 0 5px }
/*书籍*/
.pics_codes_book { margin: 15px auto 30px; overflow: hidden; }
.pics_codes_book ul { overflow: hidden }
.pics_codes_book ul li { width: 20%; float: left }
.pics_codes_book ul li a { display: block; margin: 10px; background: #fff; padding: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.pics_codes_book ul li i { display: block;  overflow: hidden }
.pics_codes_book ul li i img { width: 100%; min-height: 100%; transition: .5s; border-radius:5px; }
.pics_codes_book ul li p { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333; font-size: 14px; text-align:center; }
.pics_codes_book ul li:hover img { transform: scale(1.1); }
.pics_codes_book ul li:hover p, .pics_codes_book ul li p span:hover { color: #16499d; }
.pics_codes_book ul li p span { float: right; font-size: 12px; color: #999; margin: 0 5px }
/*zt_list*/
.zt_weizhi_codes { background: url(../images/icon_zhuanti_codes.png) no-repeat; background-size: 26px; padding-left: 37px; margin-left: 15px; font-size: 18px; font-weight: bold; color: #16499d; }
.zt_list_codes { width: 50%; float: left; margin-bottom: 20px }
.zt_list_codes section { margin: 10px 20px; display: block; padding: 20px; background: #fff; box-shadow: #ececec 1px 1px 10px; }
.zt_list_codes i { display: block; overflow: hidden; }
.zt_box_codes { margin: 30px 0; overflow: hidden; }
.zt_list_codes h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; margin: 20px 0; line-height: 34px; }
.zt_list_codes h3 span { float: right; color: #16499d; background-color: #ebf5ff; display: block; font-size: 14px; line-height: 34px; padding: 0 20px; }
.zt_list_codes p { margin: 20px 0; line-height: 20px; height: 40px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #888; }
.zt_list_codes ul { border-top: 1px solid #ebebeb; padding-top: 10px; }
.zt_list_codes ul li { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zt_list_codes ul li a:hover { color: #16499d; }
.zt_list_codes img { transition: .5s; }
.zt_list_codes img:hover { transform: scale(1.1); }
/*tags_box_codes*/
.tags_box_codes { margin: 30px auto; overflow: hidden }
.tags_box_codes a { display: block; float: left; width: 16.66666%; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; color: #333; position: relative; transition: .5s }
.tags_box_codes a:nth-child(12n+6) { background: #eee; border-radius: 0 3px 3px 0 }
.tags_box_codes a:nth-child(12n+5) { background: #eee; }
.tags_box_codes a:nth-child(12n+4) { background: #eee; }
.tags_box_codes a:nth-child(12n+3) { background: #eee; }
.tags_box_codes a:nth-child(12n+2) { background: #eee; }
.tags_box_codes a:nth-child(12n+1) { background: #eee; border-radius: 3px 0 0 3px }
.tags_box_codes a:nth-child(n+1):after, .tags_box_codes a:nth-child(n+1):before { position: absolute; content: ""; width: 1px; height: 100%; background: #fffdfd; right: 0 }
.tags_box_codes a:nth-child(n+1):before { background: #dedede; right: 1px }
.tags_box_codes a:nth-child(6n):after, .tags_box_codes a:nth-child(6n):before { display: none }
.tags_box_codes a:hover { background: #16499d !important; color: #fff }
/*404*/
.null404_codes { width: 100%; margin: 80px auto 140px; }
.null404_codes p:first-child { text-align: center; font-size: 150px; font-weight: bold; line-height: 100px; letter-spacing: 5px; color: #fff; }
.null404_codes p:first-child span { cursor: pointer; text-shadow: 0px 0px 2px #686868, 0px 1px 1px #ddd, 0px 2px 1px #d6d6d6, 0px 3px 1px #ccc, 0px 4px 1px #c5c5c5, 0px 5px 1px #c1c1c1, 0px 6px 1px #bbb, 0px 7px 1px #777, 0px 8px 3px rgba(100, 100, 100, 0.4), 0px 9px 5px rgba(100, 100, 100, 0.1), 0px 10px 7px rgba(100, 100, 100, 0.15), 0px 11px 9px rgba(100, 100, 100, 0.2), 0px 12px 11px rgba(100, 100, 100, 0.25), 0px 13px 15px rgba(100, 100, 100, 0.3); -webkit-transition: all .1s linear; transition: all .1s linear; }
.null404_codes p:first-child span:hover { text-shadow: 0px 0px 2px #686868, 0px 1px 1px #fff, 0px 2px 1px #fff, 0px 3px 1px #fff, 0px 4px 1px #fff, 0px 5px 1px #fff, 0px 6px 1px #fff, 0px 7px 1px #777, 0px 8px 3px #fff, 0px 9px 5px #fff, 0px 10px 7px #fff, 0px 11px 9px #fff, 0px 12px 11px #fff, 0px 13px 15px #fff; -webkit-transition: all .1s linear; transition: all .1s linear; }
.null404_codes h3 { text-align: center; color: #666; font-family: cursive; font-size: 20px; text-shadow: 0 1px 0 #fff; letter-spacing: 1px; line-height: 2em; margin-top: 80px; }
/*page*/
.page_codes { overflow: hidden; padding: 20px; }
.page_title_codes { width: 100px; float: left; }
.page_title_codes li { font-size: 16px; }
.page_title_codes li a { display: block; text-align: center; position: relative; color: #333; margin: 2px 0 30px 0; }
#pagecurrent:after { content: ""; position: absolute; left: 0; top: 0; width: 4px; height: 20px; border-radius: 2px; background-color: #16499d; }
#pagecurrent_zt:after { content: ""; position: absolute; left: 0; top: -30px; width: 100%; border-radius: 2px; background-color: #c40101; color:#fff; }
.page-box_codes { margin-left: 111px; padding-left: 30px; border-left: #eee 1px solid; min-height: 200px; }
.page-box-title_codes { margin-bottom: 30px; color: #383838; font-size: 22px; font-weight: normal; }
.page-box_codes .content_codes,.page-box_codes .content_codes p {    font-size: 15px !important;}
.page-box_codes .content_codes img { margin: inherit;}
/*show-info*/
.show-info_codes { font-size: 14px; overflow: hidden; color: #333; padding: 30px; margin: 10px 10px 30px; border-radius: 3px; box-shadow: 0 -2px 7px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.show-info_codes h2 { margin: 0 0 20px; font-size: 18px; }
.show-info_codes ul { line-height: 36px; }
.show-info_codes ul li span { margin-right: 10px; color: #777; }
.show-down_codes { width: 100%; display: block; text-align: center; margin: 20px 0 0 0; background: #1888f6; color: #fff; line-height: 40px; border-radius: 6px; }
.show-down_codes:hover{ color:#fff; background:#1169c0}
.viewmore_codes { font-size: 18px; color: #333; }
/*xt_search*/
.xt_search_codes { margin: 20px 0; color: #333; }
.xt_search_codes strong { color: #f00; }
.blogs_search_codes ul li { margin-bottom: 30px; }
.blogs_search_codes ul li h2 { font-weight: normal; margin: 0; font-size: 16px; margin-top: 10px; }
.blogs_search_codes ul li h2 a { color: #07519A; }
.blogs_search_codes ul li h2 a:hover,.color_purple_codes:hover{ text-decoration:underline}
.blogs_search_codes ul li p { font-size: 14px; margin: 5px 0; }
.color_green_codes { color: green; font-size: 14px; }
.color_purple_codes { color: #77c; }

/*新增栏目*/
/*newsbox*/
.newsbox { overflow: hidden; margin-bottom: 10px; }
.newsbox section { width: 49.5%; float: left; margin-bottom: 10px; }
.newsbox section:nth-child(odd) { float: right }
.newsbox .news { background: #fff; border: 1px solid #E1E1E1; }
.newstitle { line-height: 40px; font-size: 15px; border-bottom: 1px solid #E1E1E1; background: #F8F8F8 url(../images/newslist.png) no-repeat left 14px center; padding: 0 20px 0 46px; font-weight: normal }
.newstitle span { float: right; font-size: 14px }
.newstitle span a { color: #666 }
.newstitle b { display: block; border-left: 1px solid #E1E1E1; padding-left: 10px }
.newsbox .news ul { padding: 10px }
.newsbox .news ul li { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 28px; width: 96%; line-height: 28px; font-size: 14px; background: url(../images/li.png) no-repeat left center; padding-left: 15px; }
.newsbox .news ul li span { float: right; color: #999; font-size: 12px; margin-left: 20px }
.newsbox .news ul li a:hover { color: #09B1B9; }
/*反馈css表单*/

.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: left;
    margin: 15px 0 15px 0;
        }

.form-container h2 {
    margin-bottom: 20px;
    color: #333;
    text-align: center;
}

.form-group {
    display: flex;
    margin-bottom: 15px;
}

.form-group label {
    flex: 0 0 100px;
    margin-right: 10px;
    color: #555;
    align-self: center;
}

.form-group input[type="text"],
.form-group input[type="email"],
.form-group input[type="password"]
.form-group textarea{
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* 美化按钮 */
.form-group button[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #007BFF; /* 背景颜色 */
    border: none;
    border-radius: 25px; /* 圆角 */
    color: #fff;
    font-size: 16px;
    font-weight: bold; /* 字体加粗 */
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.1s ease; /* 添加过渡效果 */
}

.form-group button[type="submit"]:hover {
    background-color: #0056b3; /* 鼠标悬停时背景颜色变深 */
    transform: scale(1.05); /* 鼠标悬停时按钮稍微放大 */
}

.form-group .form-error {
    color: red;
    font-size: 12px;
    margin-top: 5px;
    display: none;
}
 .form-group .checkbox-container {
    display: flex;
    align-items: center;
}

.checkbox-container input[type="checkbox"] {
    margin-right: 5px;
    transform: scale(1.2); /* 放大复选框 */
}
.form-group textarea{
    flex: 1;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.styled-textarea {
    width: 100%;
    max-width: 600px;
    height: 150px;
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #333;
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}
    .product {
    background: #fff;
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 0px 14px 2px rgba(235, 235, 235, 1);
    overflow: hidden;
}
.titlepic {
    width: 100%;
    overflow: hidden;
    margin-right: 20px;
    text-align: -webkit-center;
}
.titlepic img {
    text-align: center;
    border-radius: 5px;
}
.mb_info {
    float: left;
}
.product h1 {
    font-size: 18px;
    margin: 10px 0;
}
.product-star5 {
    background: url(../images/star5.png) no-repeat;
    height: 30px;
    background-size: 120px;
}
.product-jianjie {
    color: #555;
}
.product-jianjie span {
    font-size: 16px;
    display: block;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 10px;
}
.product-jianjie p {
    color: #888;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.product-tags a {
    color: #2c3e50;
    padding: 5px 32px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    background-color: aliceblue;
}
.product-tags a:{
    background: #def6ff;
}
.designer {
    overflow: hidden;
    margin: 10px 0;
    background: url(../images/moreBtn.png) no-repeat right 20px center;
    background-size: 20px;
}
.designer a {
    display: block;
}
div#downurl {
    text-align: center;
    background: #fff;
    box-shadow: 0px 0px 14px 2px rgba(235, 235, 235, 1);
    overflow: hidden;
    padding: 20px;
    margin: 10px;
    line-height: 36px;
    color: #2c3e50;
}
#downurl ul {
    background-color: #ff9b18;
    background-image: linear-gradient(257deg, #ff9b18 50%, #ffcb20 50%);
}
#downurl li {
    display: inline-block;
    width: 50%;
    line-height: 40px;
}
#downurl li:nth-child(1) {
    background-color: #ff9b18;
    background-image: linear-gradient(257deg, #ff9b18 8%, #ffcc20 97%);
}
div#downurl ul li a {
    color: #fff;
    display: block;
    padding: 5px 20px;
    font-size: 15px;
}
#downurl a {
    color: #1487f4;
    font-size: 18px;
    padding: 0 10px;
}
#downurl li:nth-child(2) {
    background-color: #ff7300;
    background-image: linear-gradient(269deg, #ff2d00, #ff7300);
}
.mbtext-box {
    background: #fff;
    box-shadow: 0px 0px 14px 2px rgba(235, 235, 235, 1);
    overflow: hidden;
    padding: 20px;
    margin: 10px;
}
.mbtext-box #tab {
    margin: 0;
}
.mbtext-box #tab-content {
    margin: 0;
    overflow: initial;
}
.mb-base ul {
    margin: 20px 0;
}
.mb-base li:nth-child(1) {
    background: url(../images/mbicon01.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li {
    border-bottom: #f2f2f2 1px solid;
    color: #2c3e50;
    line-height: 28px;
    padding: 10px 0;
}
.mb-base li span {
    float: left;
    margin: 0 10px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    width: 70px;
}
.newstext {
    padding: 10px 0;
    color: #2c3e50;
    line-height: 30px;
    word-break: break-word;
    font-size: 16px;
}
.newstext p {
    margin: 20px 0;
}
.designer i {
    display: block;
    width: 50px;
    height: 50px;
    background: #d6d4d5;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
a.btn-yulan {
    padding: 3px 15px;
    background: #1487f4;
    border-radius: 3px;
    color: #fff;
}
a.btn-yulan:hover { background: #0976dc; }
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6 {
    font-size: 18px;
    position: relative;
    color: #414141;
    margin: 30px 0;
    border-left: #a8d4d7 5px solid;
    padding-left: 10px;
}
.mb-base li span:after {
    position: absolute;
    content: '';
    background: #ddd;
    width: 1px;
    height: 20px;
    right: 0;
    top: 5px;
}
.tab-current{font-weight:bold;color:#bb4f31;}
.mb-base li:nth-child(1) {
    background: url(../images/mbicon01.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(2) {
    background: url(../images/mbicon02.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(3) {
    background: url(../images/mbicon03.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(4) {
    background: url(../images/mbicon04.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(5) {
    background: url(../images/mbicon05.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(6) {
    background: url(../images/mbicon07.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(7) {
    background: url(../images/mbicon10.png) no-repeat left center;
    background-size: 20px;
}
.mb-base li:nth-child(8) {
    background: url(../images/mbicon08.png) no-repeat left 16px;
    background-size: 20px;
}
.newstext ul, .newstext ol { margin: 20px 0 20px 18px; }
.newstext ul li, .newstext ol li { margin-top: 3px; line-height: 30px; }
.newstext ul li { list-style-type: disc; }
.newstext ol li { list-style-type: decimal; }
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6 { position: relative; padding-left: 14px; font-size: 16px; margin: 20px 0; }
.newstext h2:after, .newstext h3:after, .newstext h4:after, .newstext h5:after, .mbtext-box h6:after { position: absolute; top: 0; bottom: 4px; left: 0; display: block; width: 4px; height: 100%; background: #16499d; content: ""; border-radius: 2px; }
 
 /*视频内页*/
 .course-header-new .bread_crumb {
    height: 50px;
}
.course-header-new .breadcrumb {
    background: transparent;
    height: 50px;
    line-height: 50px;
    color: #9d9d9d;
}
.breadcrumb a{
    color: #9d9d9d!important;
}
.course-header-new {
    /*padding-bottom: 40px;*/
    margin-bottom: 20px;
    background-size: 100% 100%;
}

.breadcrumb {
    background-color: #f5f5f5;
}

.hz-course-before {
    margin: 0;
    background: #fff;
    border-radius: 5px;
    padding: 10px 0 10px 10px;
}
.row:before {
    display: table;
    content: " ";
}
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.hz-course-before .pic {
    padding: 0;
}

.col-xs-12 {
    width: 100%;
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.hz-course-before .pic img {
    width: 100%;
    border-radius: 5px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.hz-course-before .info {
    padding: 0;
    height: 265px;
}
.pull-right {
    float: right !important;
}
@media (min-width: 992px) {
    .col-md-7 {
        width: 58.33333333%;
    }
}
.hz-course-before .info h1 {
    line-height: 26px;
    max-height: 52px;
    position: relative;
    padding: 0 170px 0 40px;
    width: 100%;
    text-align: left;
    color: #444;
    font-size: 20px;
    overflow: hidden;
}
.hz-course-before .info .action {
    position: absolute;
    top: 20px;
    right: 0;
    width: 160px;
}
.hz-course-before .info .action .favorite {
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 2px;
    line-height: 22px;
}
.pull-right {
    float: right !important;
}
course-before .info .action .fa-heart {
    display: inline-block;
    font-size: 12px;
    border-radius: 50%;
    background: #999;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-right: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.hz-course-before .info .score {
    color: #15c288;
    padding: 8px 0 0 40px;
    height: 32px;
    line-height: 16px;
    font-size: 12px;
}
.score {
    margin-bottom: 10px;
}
.hz-course-before .info .score span {
    margin-right: 5px;
    margin-left: 0;
    display: inline-block;
    float: left;
}
.hz-course-before .info .metas {
    background: #15c288;
    height: 100px;
    position: absolute;
    bottom: 1px;
    width: 100%;
}
.hz-course-before .info .metas li.bd {
    border-right: 1px solid #ddd;
}
.hz-course-before .info .metas li {
    background: #f0f0f0;
    height: 100%;
    width: 25%;
    float: left;
    text-align: center;
    padding: 25px 25px 15px;
}
.hz-course-before .info .metas li i {
    font-size: 20px;
    line-height: 20px;
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hz-course-before .info .metas li.join a {
    font-size: 18px;
    padding-top: 38px;
    display: block;
    height: 100%;
    width: 100%;
}
.hz-course-before .info .metas li.join {
    padding: 0;
}

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus {
    background: #13ab78 !important;
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
course-before .info .action .fa-heart {
    display: inline-block;
    font-size: 12px;
    border-radius: 50%;
    background: #999;
    color: #fff;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    margin-right: 5px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.fa-heart:before {
    content: "\f004";
}
.hz-course-before .info .action .favorite {
    font-size: 13px;
    position: absolute;
    right: 20px;
    top: 2px;
    line-height: 22px;
}

.flat, .sidenav {
    margin-bottom: 20px;
    box-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.06), inset 0 0 0 rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 2px;
    border: none;
    border: 1px solid #e0e0e0 \9;
}
.hz-overview {
    padding: 0 22px;
}
.hzcourse-detail {
    padding: 18px 20px;
}
.tab-content>.active {
    display: block;
}
.hz-overview .overview-title {
    margin-top: 25px;
    line-height: 21px;
    height: 20px;
    border: 0;
    color: #666;
    font-size: 16px;
}
.flat h2, .sidenav h2, .flat h3, .sidenav h3 {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 0 20px;
    color: #444;
    font-size: 18px;
}
.hz-line-left {
    position: relative;
    padding-left: 20px;
}
.hzcourse-detail .hz-line-left:after {
    top: 2px;
    height: 16px;
}
.hz-line-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #15c288;
    border-radius: 5px;
    height: 20px;
}

.hz-overview .overview-title {
    margin-top: 25px;
    line-height: 21px;
    height: 20px;
    border: 0;
    color: #666;
    font-size: 16px;
}
.hz-overview .hz-courselist {
    padding: 0 0 30px;
}
.hz-courselist {
    padding: 10px 22px 30px;
}
.period-list {
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}
.hz-courselist .lesson-item {
    padding: 0;
    font-size: 16px;
}
.period-list .period {
    position: relative;
    padding: 10px 50px 10px 45px;
}
.period-list > li {
    margin-bottom: -15px;
    padding: 10px 15px;
}
.hz-courselist .lesson-item>a, .hz-courselist .lesson-item>span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    padding: 0px 40px 10px 0px;
}
.period-list .period > a {
    color: #919191;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.hz-courselist .lesson-item .status-icon {
    left: 20px;
    color: #ccc;
    top: 50%;
    margin-top: -9px;
}
.es-icon {
    font-family: "es-icon" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.es-icon-undone:before {
    content: "\e64a";
}
.period-list .period .es-icon-undone, .period-list .period .es-icon-doing, .period-list .period .es-icon-done1 {
    position: absolute;
    top: 18px;
    left: 15px;
}
.hz-courselist .period .title {
    color: #666;
}
.period-list .period .course-type {
    position: absolute;
    top: 11px;
    right: 15px;
    line-height: 20px;
}
.hz-courselist .period .course-type i {
     color: #999; 
     font-size: 18px; 
     line-height: 20px; 
}
.icon-play-nobg:before {
    content: "\e64e";
}
.hz-courselist .period a:hover, .hz-courselist .period:hover {
    background: #f2faf7;
    text-decoration: none;
}
.avatar-sm {
    width: 60px !important;
    height: 60px !important;
    margin-bottom: 10px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px solid #ccc;
}
.flat h2, .sidenav h2, .flat h3, .sidenav h3 {
    height: 60px;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    margin: 0;
    padding: 0 20px;
    color: #444;
    font-size: 18px;
}
.sidebar-teach .media-left {
    padding-right: 0;
}
.sidebar-teach .js-user-card {
    margin: 22px 0 0 20px;
}
.js-user-card {
    position: relative;
}
.js-user-card {
    display: inline-block;
}



.text-o-show {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.col-md-3.course-sidebar{
    margin-left: 11px;
}
.sidebar-teach .teach-info .text-o-show a {
    color: #888d8b;
    font-size: 16px;
    padding-right: 7px;
    vertical-align: middle;
}
.sidebar-teach .teach-info{
    padding-top: 24px;
    padding-left: 10px;
}
.daren-icon-t, .dapinpai-icon-t {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../images/darens-icon.png) no-repeat;
    vertical-align: middle;
}
.sidebar-teach .teach-info p a {
    color: #444;
    font-size: 13px;
    padding-right: 14px;
}
.media-body {
    display: table-cell;
    vertical-align: middle;
}
.score1{
    color: rgb(90 89 89);
    padding-left: 40px;
    padding-right: 10px;
    font-size: 12px;
    line-height: 18px;
}

/*视频播放页面*/

.play_box {
    background: #191a20;
    padding: 40px 0;
    /*margin-bottom: 40px;*/
    overflow: hidden;
    color: #8c8d90;
}
.box {
    width: 1200px;
    margin: auto;
}
.play_content {
    background: #222328;
    overflow: hidden;
}
.play_video {
    width: 66.667%;
    float: left;
}
.play_video iframe {
    width: 100%;
    height: 450px;
}
.play_info {
    width: 33%;
    float: right;
}
.play_info section {
    padding: 30px;
}
.play_info h1 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: normal;
    color: #ddd;
}

.play_click {
    background: url(../images/p_fire.png) no-repeat left center;
    background-size: 16px;
}
.play_time {
    background: url(../images/p_time.png) no-repeat left center;
    background-size: 16px;
}
.play_click1{
    text-indent: 0px!important;
    font-size: 12px!important;
}
.play_info section p {
    margin-bottom: 9px;
    text-indent: 1.5em;
    font-size: 14px;
}
.play_info section p span{font-size:12px}
.play_about {
    background: url(../images/p_about.png) no-repeat left top 5px;
    background-size: 16px;
    text-indent: 1.5em;
    line-height: 24px;
}
.play_author {
    background: url(../images/author.png) no-repeat left top 5px;
    background-size: 16px;
    text-indent: 1.5em;
    line-height: 24px;
}
.play_recommend {
    background: url(../images/recommend.png) no-repeat left top 5px;
    background-size: 16px;
    text-indent: 1.5em;
    line-height: 24px;
}
.play_timex {
    background: url(../images/time.png) no-repeat left top 5px;
    background-size: 16px;
    text-indent: 1.5em;
    line-height: 24px;
}
.play_about a {
    color: #ddd;
    margin: 0 10px;
}
.play_tags {
    margin: 30px 0;
    font-size: 12px;
}
.play_tags a {
    color: #98989b;
    display: inline-block;
    background: #303137;
    padding: 5px 8px;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 3px;
}
.play_info .diggit {
    margin: 30px auto;
}
.play_next {
    color: #fff;
    line-height: 50px;
}
.play_next li {
    background: #2a2b31;
    border-radius: 3px;
}
.play_next span {
    float: left;
    color: #787d8d;
    padding-left: 30px;
    margin: 0 10px;
    background: url(../images/icon_right.png) no-repeat left center;
    background-size: 24px;
}
.play_next h3 {
    font-size: 15px;
    font-weight: normal;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.play_next a {
    color: #98989b;
}
.play_video video {
    width: 100%;
    height: 450px;
}
.diggitx {
    display: block;
    width: 160px;
    margin: 20px auto;
    background: #E2523A;
    box-shadow: 1px 2px 6px 0px rgba(0, 0, 0, .2);
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    float: left;
    margin-right: 5px;
}
.diggitx a{
    color: #fff;
    display: block;
}
.diggitx a:hover{
    color: #fff;
    background: #b41d04;
    border-radius: 3px;
}

/*首页视频*/

/* 视频教程 */

.whitebg {
    background: #fff;
    border-radius: 3px;
    /* padding: 20px; */
    margin-bottom: 20px;
    overflow: hidden;
}
.htitle {
    font-size: 16px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
    color: #484848;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
}
.hnav {
    float: right;
}
.htitle:after {
    content: "";
    position: absolute;
    width: 60px;
    height: 2px;
    content: "";
    background: #000;
    left: 0;
    bottom: 0;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.hnav a {
    display: block;
    margin-right: 10px;
    padding-right: 10px;
    float: left;
    position: relative;
}
.hnav a:after {
    position: relative;
    content: "/";
    right: -10px;
    bottom: 0;
    color: #ccc;
}
.zhuanti ul {
    overflow: hidden;
    /* padding: 10px 0 20px 10px; */
    position: relative;
}
.zhuanti ul:before {
    content: "";
    position: absolute;
    /* background: #fff; */
    width: 1px;
    height: 100%;
    left: 10px;
}
.zhuanti li {
    float: left;
    width: 31.6%;
    border-bottom: #eee 1px solid;
    border-left: #eee 1px solid;
    overflow: hidden;
    padding: 6px;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.ztpic {
    width: 100%;
    /*height: 100px;*/
    overflow: hidden;
    border-radius: 3px;
    background: #CCC;
    display: block;
}
.ztpic img {
    display: inline-block;
    width: 100%;
    min-height: 100%;
    height: auto;
    vertical-align: middle;
    transition: all .5s ease-out .1s;
}
.zhuanti li b {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    margin: 10px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.zhuanti a img:hover {
    transform: scale(1.05);
}
.bplist a img {
    border-radius: 3px;
   
    -moz-transition: all .5s ease;
    /* -webkit-transition: all .5s ease; */
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    /* transition: all .5s ease; */
    /* transition: all 0.5s; */
}
.zhuanti li:hover {
    box-shadow: 0px 12px 8px -12px #c0bebe;
}
.zhuanti li span {
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-size: 14px;
    height: 62px;
}
.readmore {
    margin: 10px 0 0 0;
    color: #096;
    display: block;
    font-size: 14px;
}
.readmore:before {
    content: "+";
    color: #063;
}
.zhuanti ul:after {
    content: "";
    position: absolute;
    /* background: #fff; */
    width: 100%;
    height: 1px;
    bottom: 20px;
    left: 0;
}

/*书籍*/

.left-box_book {
    width: 860px;
    float: left;
}
.product_book {
    background: #fff;
    padding: 20px;
    margin: 10px;
    box-shadow: 0px 0px 14px 2px rgba(235, 235, 235, 1);
    overflow: hidden;
}
.titlepic_book {
    float: left;
    width: 250px;
    /*height: 340px;*/
    overflow: hidden;
    margin-right: 20px;
}
.titlepic_book img {
    width: 250px;
}
.mb_info_book {
    float: left;
    width: 500px;
}
.product_book h1 {
    font-size: 18px;
    margin: 10px 0;
}
.product-star5_book {
    background: url(../images/star5.png) no-repeat 10px center;
    height: 30px;
    background-size: 120px;
}
.product-jianjie_book {
    color: #555;
    margin: 10px;
}
.product-jianjie_book span {
    font-size: 16px;
    display: block;
    font-weight: 500;
    color: #2c3e50;
    margin-bottom: 10px;
}
.product-jianjie_book p {
    color: #888;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 3;
}
.product-tags_book a{
    background: #def6ff;
}
.product-tags_book a:hover{
    background: #f7deff;
}
.product-tags_book a {
    color: #2c3e50;
    padding: 5px 12px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}
.designer_book {
    overflow: hidden;
    margin: 10px 0;
    background: url(../images/moreBtn.png) no-repeat right 20px center;
    background-size: 20px;
}
.designer_book a {
    display: block;
}
.designer_book i {
    display: block;
    width: 50px;
    height: 50px;
    background: #d6d4d5;
    border-radius: 100%;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.designer_book i img {
    width: 46px;
    margin: 5px auto 0;
    display: block;
}
.designer_book p {
    color: #2c3e50;
    padding: 4px 0 0 0;
}
.designer_book span {
    color: #888;
    font-size: 13px;
}

.hot_news_codes_book li:hover img {
    transform: scale(1.1);
}
.hot_news_codes_book li i img {
    width: 100%;
    min-height: 100%;
    transition: .5s;
    float: left;
}

/*书籍导航*/
.hzco-classify .tab-head {
    border: 1px solid #f0f0f0;
}

/*店铺导航*/
.main_left {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}
.info_content {
    background: #fff;
    padding: 30px;
}
.info_content h1 {
    font-size: 18px;
    margin-bottom: 20px;
}
.info_num {
    font-weight: normal;
    float: right;
    background: url(../images/guanzhu.png) no-repeat left center;
    background-size: 27px;
    padding-left: 30px;
    font-size: 14px;
    color: #777;
}
.info_num i {
    font-style: normal;
    color: #f4543c;
}
.card li {
    border-bottom: #f2f2f2 1px solid;
    color: #2c3e50;
    line-height: 28px;
    padding: 10px 0;
}

.info_area {
    background: url(../images/dianming.png) no-repeat left center;
    background-size: 22px;
}
.info_time {
    background: url(../images/yingyeshijian.png) no-repeat left center;
    background-size: 22px;
}
.card li p {
    float: left;
    margin: 0 20px 0 0;
    padding: 0 0 0 30px;
    position: relative;
    width: 80px;
}
.card li p:after {
    position: absolute;
    content: '';
    background: #ddd;
    width: 1px;
    height: 20px;
    right: 0;
    top: 5px;
}
.info_date {
    background: url(../images/shenheshijian.png) no-repeat left center;
    background-size: 22px;
}
.info_email {
    background: url(../images/lianxi.png) no-repeat left center;
    background-size: 22px;
}
.info_url {
    background: url(../images/dizhi.png) no-repeat left center;
    background-size: 22px;
}
.info_mony{
        background: url(../images/xiaofei.png) no-repeat left center;
        background-size: 22px;
}
.info_type{
        background: url(../images/leimu.png) no-repeat left center;
        background-size: 22px;
}
.info_stext {
    margin: 30px 0;
}
.info_stext h2 {
    font-size: 16px;
    margin-bottom: 15px;
}
p.info_smalltext {
    clear: both;
    background: #f9f9f9;
    padding: 10px;
    line-height: 24px;
    color: #687a8c;
    margin-top: 15px;
    font-size: 14px;
}

/*塔罗店名*/
.info_stext h2, .info_stext h3, .info_stext h4, .info_stext h5, .info_stext h6 {
    position: relative;
    padding-left: 14px;
    font-size: 16px;
    margin: 20px 0;
}
.info_stext {
    color: #333;
}
.info_stext p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 32px;
    word-break: break-all;
}
.info_stext h2:after, .info_stext h3:after, .info_stext h4:after, .info_stext h5:after, .info_stext h6:after {
    position: absolute;
    top: 0;
    bottom: 4px;
    left: 0;
    display: block;
    width: 4px;
    height: 100%;
    background: #16499d;
    content: "";
    border-radius: 2px;
}
.info_stext ul, .info_stext ol {
    margin: 20px 0 20px 15px;
}
.info_stext ol li {
    list-style-type: decimal;
    line-height: 32px;
    font-size: 16px;
    color: #333;
}

.info_stext ul li, .content_codes ol li {
    margin-top: 3px;
    line-height: 30px;
}
.info_stext p img{text-align:center;display:inline;max-width:100%}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: start !important;
}
/*店铺分类*/
.mb_fenlei {
    margin: 15px 10px 15px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 8px rgba(0, 0, 0, .06);
}
.mb_fenlei p {
    float: left;
    line-height: 28px;
    color: #999;
}
.mb_fenlei li {
    text-align: center;
    float: left;
}
.mb_fenlei li a:hover, a#pagecurrent {
    background: #f4543c;
    color: #fff;
}

.page_title_codes li a:hover, a#pagecurrent {
    background: #fff;
    color: #393939!important;
}

.mb_fenlei li a {
    margin: 0 5px;
    padding: 4px 8px;
    border-radius: 3px;
    display: block;
    overflow: hidden;
    background: #fff;
}
.mb_fenlei li span {
    color: #999;
    margin-left: 5px;
    font-size: 14px;
}
.mb_fenlei li a:hover span {
    color: #fff;
}

.mb_fenlei li span {
    color: #999;
    margin-left: 5px;
    font-size: 14px;
}
/*专题*/
/*tags_box_codes*/
.tags_box_codes_zt { margin: 30px auto; overflow: hidden }
.tags_box_codes_zt a { display: block; float: left; width: 7.66666%; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; color: #333; position: relative; transition: .5s }
.tags_box_codes_zt a:nth-child(12n+6) { background: #eee; border-radius: 0 3px 3px 0 }
.tags_box_codes_zt a:nth-child(12n+5) { background: #eee; }
.tags_box_codes_zt a:nth-child(12n+4) { background: #eee; }
.tags_box_codes_zt a:nth-child(12n+3) { background: #eee; }
.tags_box_codes_zt a:nth-child(12n+2) { background: #eee; }
.tags_box_codes_zt a:nth-child(12n+1) { background: #eee; border-radius: 3px 0 0 3px }
.tags_box_codes_zt a:nth-child(n+1):after, .tags_box_codes_zt a:nth-child(n+1):before { position: absolute; content: ""; width: 1px; height: 100%; background: #fffdfd; right: 0 }
.tags_box_codes_zt a:nth-child(n+1):before { background: #dedede; right: 1px }
.tags_box_codes_zt a:nth-child(6n):after, .tags_box_codes_zt a:nth-child(6n):before { display: none }
.tags_box_codes_zt a:hover { background: #16499d !important; color: #fff }